<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>黔南民族师范学院综合教育学分认定系统</title>

    <link rel="stylesheet" href="/jquery-easyui-1.3.5/themes/icon.css" />
    <link rel="stylesheet" href="/jquery-easyui-1.3.5/themes/default/easyui.css"/>

    <script type="text/javascript" src="/jquery-easyui-1.3.5/jquery.min.js"></script>
    <script type="text/javascript" src="/jquery-easyui-1.3.5/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="/jquery-easyui-1.3.5/locale/easyui-lang-zh_CN.js"></script>
    <script type="text/javascript" >
        $(function(){
            var treeData =  [];

            // 实例化树形菜单
            $("#tt").tree({
                data:treeData,
                method:'get',
                url : '/jquery-easyui-1.3.5/q.json',
                lines :  true,
                onContextMenu: function (e, title) {
                    e.preventDefault();
                    $("#tabsMenu").menu('show', {
                        left: e.pageX,
                        top: e.pageY
                    }).data("tabTitle", title.text);
                },
                onClick :  function (node) {
                    if (node.attributes) {
                        Open(node.text, node.attributes.url);
                    }
                }
            });

            function tabsClose(){
                var tab = $("#tabs").tabs('getSelected');
                var index = $("#tabs").tabs('getTabIndex',tab);
                $("#tabs").tabs('close',index);

            }

            // 在右边center区域打开菜单，新增tab
            function Open(text, url) {
                if ($("#tabs").tabs("exists", text)) {
                    $("#tabs").tabs("select", text);
                }  else {
                    $("#tabs").tabs("add", {
                        title : text,
                        closable : true,
                        content :  '<iframe title='+ text + ' frameborder="0"  src="' + url + '" style="width:100%; height:100%"></iframe>'
                    });
                }
            }
        });

    </script>
</head>

<body class="easyui-layout">
<div region="north" style="height:110px;width: 100%;">
    <div class="header" style="height:100px; background:#fff url('images/banner.jpg');">
        <div style="text-size:14px;text-align:right; padding-right:20px; padding-top:20px; padding-bottom:14px;">
            <span style="color:#FDFDFD" id="loginuserInfo">欢迎你，超级管理员</span>
            <span style="color:#FDFDFD" id="loginuserArea">| 校团委</span>
            <span style="color:#FDFDFD" id="timeInfo"></span>
            <a href="login_logout.action" style="color:#FDFDFD;text-decoration:none;">退出</a>
        </div>
        <div class="maintitle"  style="font-size:24px;color:#FDFDFD; margin-left:20px;">高校共青团基层评价系统</div>
    </div>
</div>

<div data-options="region:'west',title:'导航菜单',split:true" style="width:210px;">
    <div id="aa" class="easyui-accordion" style="position:absolute; top: 27px; left: 0px; right: 0px; bottom: 0px;">
        <ul id="tt" class="easyui-tree" data-options="animate:true,dnd:true"></ul>
    </div>
</div>

<div data-options="region:'center',title:''" style="padding:0px;background:#fff;">
    <div id="tabs" class="easyui-tabs" data-options="fit:true">
        <div title="页面" style="margin:0 auto;padding:0px;width:100%">

            欢迎使用高校共青团基层评价系统

        </div>
    </div>
</div>
<div id="win" data-options="collapsible:false,minimizable:false,maximizable:false,modal:true"></div>
</body>
</html>
